﻿body,div,ul,ol,dt,dd,dl,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,img,a,span,strong,*{ padding:0; margin:0;}
body{ font-size:12px; font-family:微软雅黑; color:#000000; background-color: #FFFFFF;}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
img,input,select,textarea{ vertical-align:middle}
img{ border:none;}
a{ color:#333333; text-decoration:none;}
a:hover{ color: #FF3300;}
.clear{ clear:both; height:0; width:0; overflow:hidden;}
.clearfix:after { content:"."; clear: both; height: 0; overflow: hidden; visibility: hidden; display: block; }
.clearfix { zoom: 1;} 
.zxx_text_overflow{width:237px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
input{outline:none} 
input[placeholder], [placeholder], *[placeholder] {
   font-family:微软雅黑;
}

/* 字体图标 */
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  color: #ccc;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}



.free_wrap{ width: 428px; height: 490px; background: url(../images/gin1.png) no-repeat; position: absolute; right: 120px; top: 160px; z-index: 999;}
.free_wrap h1{ margin-left: 42px; margin-top: 50px; font-size: 24px; color: #606060;}
.free_wrap h2{ width: 428px; height: 75px; position: absolute; bottom: 0px; left: 0px; cursor: pointer; line-height: 88px; text-align: center; font-size: 22px; color: #fff;}
.case_wrap{ width: 340px; height: 183px; border: 1px solid #D8D8D8; border-radius:2px; margin: 0 auto; margin-top: 35px; background: #fff; position: relative;}
.free_btn{ width: 340px; height: 52px; background: #74bb22; text-align: center; border:none; line-height: 52px; color: #fff; border-radius:5px; font-size: 20px; font-family: 微软雅黑; cursor: pointer; margin: auto; display: block; margin-top: 33px;}
.case_son{ width: 313px; height: 60px; border-bottom:1px solid #cccccc; margin: 0 auto; overflow: hidden;}
.case_son h3{ line-height: 60px; font-size: 13px; float: left; position: relative;}
.case_son h3 span img{ width: 18px; height: 19px; margin-bottom: 4px; margin-right: 5px;}
.case_son .son_in{ margin-left: 15px; width:220px; height: 59px; border: none;}
.bor_no{ border: none;}
.case_son .gain{ width: 98px; height: 38px; border-radius:3px; background: #74bb22; display: block; float: left; color: #fff; text-align: center; line-height: 38px; font-size: 14px; margin-top: 10px; margin-left: 10px; position: relative; cursor: pointer;}
.cover{ width: 100px; height: 38px; position: absolute; top: 71px; left: 224px; z-index:999; display: none;cursor:wait;}
.entry_wrap{ width: 130px; height: 60px; background: #000; float: left; margin-left: 10px; position: relative;}
.entry_wrap input{ width: 130px; height: 60px; border: none;}
/* 验证码 对错 */
.entry_wrap .yes_btn{ width: 18px; height: 18px; background: url(../images/pic30.gif) no-repeat; display: block; position: absolute; right: 0px; top:22px;}
.entry_wrap .no_btn{ width: 18px; height: 18px; background: url(../images/pic31.gif) no-repeat; display: block; position: absolute; right: 0px; top:22px;}

.registorError{width:340px; height:30px; position: absolute;top:-30px;display:none;}
.registorError img{width:18px;height:18px; float:right;margin-top:6px;margin-right:5px;}
.registorError span{float:right;line-height:30px;color: #fa6a00;font-size:14px;}

.enter_wrap{ width: 428px; height: 490px; background: url(../images/gin1.png) no-repeat; position: absolute; right: 120px; top: 160px; z-index: 999;}
.enter_wrap h1{ margin-left: 42px; margin-top: 50px; font-size: 24px; color: #606060;}
.enter_wrap h2{ width: 428px; height: 75px; position: absolute; bottom: 0px; left: 0px; cursor: pointer; line-height: 88px; text-align: center; font-size: 22px; color: #fff;}
.immediately_btn{ width: 340px; height: 52px; background: #fa6a00; text-align: center; border:none; line-height: 52px; color: #fff; border-radius:5px; font-size: 20px; font-family: 微软雅黑; cursor: pointer; margin: auto; display: block; margin-top: 33px;}
.mix_he{ height: 120px; position: relative;}
.mix_he h5{ position: absolute; right:0px; top: -27px; font-size: 14px; color: #fa6a00; display: none;}
.mix_he h5 span img{ width: 18px; height: 18px; margin-bottom: 3px; margin-right: 5px;}
.rianle{ width: 340px; height: 30px; margin: 0 auto; margin-top: 15px;}
.rianle span{ float: right; color: #1b6bb6; text-decoration: underline; line-height: 30px; cursor: pointer;}
.rianle p{ float: left; line-height: 30px;}
.rianle input{ margin-top: -3px; margin-right: 6px; color: #606060;}
.an_hide{ display: none;}


.flexslider{position:relative;height:900px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:900px; background-position: center; position: relative;}
.slides li .shan{ width: 270px; height: 145px; display: block; background: url(../images/pic1.gif) no-repeat; position: absolute; left: 50%; margin-left: -355px; top: 536px;}
#shake{ width: 95px; height: 47px; position: absolute; left: 50%; margin-left: -388px; top: 418px;}
#shakes{ width: 95px; height: 47px; position: absolute; left: 50%; margin-left: 40px; top: 260px;}

#shake_tw{ width: 95px; height: 47px; position: absolute; left: 50%; margin-left: -388px; top: 418px;}

.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:13px;height:13px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:13px;height:13px;line-height:40px;overflow:hidden;cursor:pointer; border-radius:50%; border:2px solid #323232;}
.flex-control-nav .flex-active{ border:2px solid #7cbf2f;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.modify_none {
	display: none;
}
.modify_enter_wrap {
	width: 400px;
	height: 447px; 
	/* height: auto; */
	padding-bottom: 10px; 
	background: #fff;
 	-webkig-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
 	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
 	-ms-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
 	-o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.4); 
	border: 1px solid #ccc\9;
}
.modify_enter_wrap #loginForm {
	margin-top: 25px;
}
.modify_enter_wrap h1 {
	float:left; 
	width: 200px;
	margin-left: 0;
	text-align:center; 
	font-size: 16px; 
	color: #606060;
}
.enter_wrap h1.current { 
	color: #FC6800;
}
.enter_wrap h1 span {
	padding-bottom: 15px; 
	cursor: pointer;
}
.enter_wrap h1.current span { 
	display: inline-block;
	/* background: #FAFAFA; */
	border-bottom: 2px solid #FC6800;
}
.modify_enter_wrap .case_wrap {
	height: auto;
	margin-top: 0;
	border: none;
}
.modify_case_son {
	width: 94%;
	height: 59px;
	padding: 0 3%;
	background: #FAFAFA;
	border-bottom: none;
}
.modify_case_son.bor_no {
	margin-top: 1px;
}
.case_son .son_in{ width:340px; height: 58px;  border: none;}

.modify_case_son .son_in {
	width: 294px;
	margin-left: 23px;
	height: 26px;
	padding: 20px 0 0;
	background: #FAFAFA;
}

.modify_enter_wrap h2 {
	position: static;
	width: 400px;
	font-size: 16px;
	color: #606060;
	background: none;
}
.modify_enter_wrap h2 a {
	color: #FC6800;
}
.modify_enter_wrap .rianle {
	color: #606060;
}
.modify_enter_wrap .rianle span {
	line-height: 20px;
	text-decoration: none;
}

.add_codeMa {
	position: relative;
	width: 202px;
	margin: 55px auto 0;
}
.add_codeMa > img {
	width: 180px;
	height: 180px;
	padding: 10px;
	border: 1px solid #D8D8D8;
}
.modify_mask {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	width: 200px;
	height: 200px;
	background: #fff;
	opacity: 0.95;
	filter: alpha(opacity=95);
}
.modify_loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
}
.modify_codeFail {
	text-align: center;
}
.modify_codeFail p {
	margin: 70px 0 20px 0;
	font-size: 14px;
}
.modify_codeFail a {
	display: block;
	width: 104px;
	height: 42px;
	margin: 0 auto;
	line-height: 42px;
	font-size: 12px;
	color: #fff;
	background: #FF6400;
	border-radius: 6px;
}

/*完成手机绑定后弹出的蒙版部分*/
.add_bidMask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/maskiconm.png) repeat;
	z-index: 1000;
}
.add_bidMask > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 300px;
	margin: -150px 0 0 -250px;
	background: #fff;	
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
	-ms-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
	-o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
}
.add_bidMask > div > p {
	height: 100px;
	padding-top: 40px;
	background: #FC6800;
}
.add_bidMask i {
	display: block;
	padding-left: 220px;
	font-size: 60px;
	overflow: hidden;
	color: #fff;
}
.add_bidMask > div > div {
	margin-top: 45px;
	text-align: center;
	font-size: 20px;
	color: #606060;
}
.add_bidMask > div span {
	display: inline-block;
	padding-top: 15px;
	font-size: 12px;
}


/*绑定手机*/
.modify_singleTit h1 {
	width: 100%;
	text-align: center;
}
.modify_singleTit span {
	display: block;
	color: #606060;
}
.modify_singleTit .littleSize {
	margin-top: 10px;
	font-size: 12px;
	color: #A9A9A9;
}
.modify_enter_wrap .modify_bindOne {
	margin-top: 80px;
}
.modify_enter_wrap .changeMarTop {
	margin-top: 50px;
}
.modify_enter_wrap .modify_bindTwo {
	margin-top: 30px;
}
.modify_bindTwo .entry_wrap {
	width: 177px;
	background: #FAFAFA;
}
.modify_bindTwo .entry_wrap input {
	width: 100%;
	height: 26px;
	padding: 20px 0 0;
	border: none;
	background: #FAFAFA;
}
.modify_bindTwo .case_son .gain {
	background: #FE6600;
}
.modify_bindTwo .modify_case_son {
	margin-top: 1px;
}
.case_son h3 i {
	font-size: 17px;
	
}

.modify_case_son {
	position: relative;
}
.porIcon {
	position: absolute;
	top: 20px;
	right: 9px;
	font-size: 18px;
	cursor:pointer;
}
.porIcon:hover {
	color: #ccc;
}
.modify_case_son {
	line-height: 24px;
}

.case_son .son_in {
	width: 200px;
}


/* -------  注册  ------*/
.reg_free_wrap {
	width: 400px;
	height: 447px;
	padding-bottom: 10px;
	background: none;
	background: #fff;
	-webkig-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
 	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
 	-ms-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
 	-o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.4); 
	border: 1px solid #ccc\9;
}
.modify_register h1 {
	margin-left: 0;
	color: #FC6800;
	font-size: 16px;
}
#toLogin {
	position: static;
	width: 400px;
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	color: #333333; 
}
#toLogin a {
	color: #FC6800;
}
.entry_wrap .pas {
	width: 100%;
	height: 26px;
	padding: 20px 0 0;
	border: none;
	background: #FAFAFA;
}
.entry_wrap {
	margin-left: 23px;
	background: #FAFAFA;
}
.res_addMar {
	margin: 1px 0;
}
.case_wrap {
	height: auto;
	border: none;
}
.modify_case_son h3 i {
	vertical-align: middle; 
}
.res_addMar .entry_wrap {
	width: 180px;
}
#registorBtn,.res_addMar .gain {
	background: #FC6800;
}

#loginDiv,#registorDiv {
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}

.rotateAnimate {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
#loginUserDiv .immediately_btn:hover, #registorBtn:hover {
	background: #F16000;
}
#msgBtn {
	margin-top: 10px; 	
}
.modify_mix_he,.case_son {
	position: relative;
}
.modify_mix_he h5 {
	position: absolute;
    right: 0px;
    top: -27px;
    padding-right: 29px;
    font-size: 14px;
    color: #fa6a00;
}
.iconfont:hover {
	color: #FC6800;
}
.iconOrg {
	color: #FC6800;
}

.case_son h3 {
	position: absolute;
	top: 31px;
	top: 27px\9;
	left: 12px;
	line-height: 0;
}

